/* 页面左右间距 */
$page-row-spacing: 30upx;
$page-color-base: #f8f8f8;
$page-color-light: #f8f6fc;
$base-color: #fa436a;

/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
/*文字颜色*/
$font-color-dark: #333333;
$font-color-base: #606266;
$font-color-light: #909399;
$font-color-disabled: #C0C4CC;
$font-color-spec: #4399fc;
/* 边框颜色 */
$border-color-dark: #DCDFE6;
$border-color-base: #E5E5E5;
$border-color-light: #EBEEF5;
/* 图片加载中颜色 */
$image-bg-color: #eee;
/* 行为相关颜色 */
$uni-color-primary: #97C69D;
$uni-color-btn: #558a5c;
$uni-color-warn: #FFC700;
$uni-color-orige: #FFF455;
$uni-color-primary-gray:rgba(8,168,138,0.5);
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
$uni-color-gray: #e5e5e5;

.main-top{
  padding-top: calc(var(--status-bar-height) + 58rpx);
}

.main-top-bar{
  height: calc(var(--status-bar-height) + 58rpx);
  width: 100%;
  top: 0;
  background-color: white;
  position: fixed;
}



.s-b-p {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.s-b-m {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}
.s-b-h {
  height: constant(safe-area-inset-bottom);
}
.lines{
  display: flex;
  flex-direction: column;
  padding-left: 24rpx;
  .line{
    height: 88rpx;
    line-height: 88rpx;
    font-size: 30rpx;
    color: #333333;
    border-bottom: 1px solid $uni-color-gray;
    &:active{
      background-color: $uni-color-gray;
    }
  }
}

.btn{
  background-color: $uni-color-btn;
  text-align: center;
  font-size: 32rpx;
  height: 76rpx;
  color: white;
  line-height: 76rpx;
  margin-bottom: 12rpx;
  border-radius: 8rpx;
}
.btn:active{
  background-color: #89d5c6;
}
.bottom{
  box-shadow: 0px 4rpx 20rpx 2rpx rgba(25,46,107,0.1);
  position: fixed;
  padding: 20rpx;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
}
